﻿@model HomeModel
@using Nop.Core.Domain.Media
@using Nop.Web.Models.Home

@{
    Layout = "~/Views/Shared/_Layout.cshtml";
    ViewBag.Title = "SpotsHUB Preview | Local Delivery | eCommerce Solution";
    ViewBag.HomePage = true;
}

<section class="home-background">
    <style>
        .home-background {
            height: auto;
        }
    </style>
    <div id="home-slides" class="home-slides carousel slide" data-ride="carousel" data-interval="10000">
        <div class="carousel-inner" role="listbox">
            @*@Html.Action("Slideshow", "PictureDisplay", new { type = ((int)PictureDisplayType.Slideshow) })*@
            @*<div class="item home-slide">
                    <a href="@Url.RouteUrl("Topic", new { SystemName = "ProductDelivery" })">
                        <img src="~/Content/Images/HomeBanner4.jpg" />
                    </a>
                </div>*@
            <div class="item active home-slide">
                <a href="/twinkie-dark-beige-6-inch-premium-boots-b1857db">
                    <img src="~/Content/Images/HomeBanner9.jpg" />
                    <input type="button" value="Buy Now" class="btn btn-danger">
                </a>
            </div>
            <div class="item home-slide">
                <a href="http://www.spotshub.com/vulli-margot-the-turtle-300193">
                    <img src="~/Content/Images/HomeBanner10.jpg" />
                    <input type="button" value="Buy Now" class="btn btn-danger">
                </a>
            </div>
            <div class="item home-slide">
                <a href="@Url.RouteUrl("Register")">
                    <img src="~/Content/Images/HomeBanner5.jpg" />
                    <input type="button" value="Now It's Your Turn" class="btn btn-danger">
                </a>
            </div>
            <div class="item home-slide">
                <a href="/bruder-caterpillar-excavator-2439">
                    <img src="~/Content/Images/HomeBanner8.jpg" />
                    <input type="button" value="Buy Now" class="btn btn-danger">
                </a>
            </div>
            <div class="item home-slide">
                <a href="/mini-tricycle-10inch-info">
                    <img src="~/Content/Images/HomeBanner7.jpg" />
                    <input type="button" value="Buy Now" class="btn btn-danger">
                </a>
            </div>

        </div>
    </div>
</section>

<section class="home-links">
    <div class="container">
        <div class="home-link col-sm-4">
            <div class="home-link-content">
                <a href="@Url.RouteUrl("Categories")">
                    <h3>@T("Homepage.Homelink.Shopping.Title")</h3>
                    <div class="home-link-icon"><img src="~/Content/Images/home-link1.png" /></div>
                    <div class="home-link-text"><table><tr><td>@T("Homepage.Homelink.Shopping")</td></tr></table></div>
                </a>
            </div>
        </div>
        <div class="home-link col-sm-4">
            <div class="home-link-content">
                <a href="@Url.Action("Tracking", "Customer", new { area = "" })">
                    <h3>@T("Homepage.Homelink.Tracking.Title")</h3>
                    <div class="home-link-icon"><img src="~/Content/Images/home-link2.png" /></div>
                    <div class="home-link-text"><table><tr><td>@T("Homepage.Homelink.Tracking")</td></tr></table></div>
                </a>
            </div>
        </div>
        <div class="home-link col-sm-4">
            <div class="home-link-content">
                <a href="@Url.Action("Index", "Order", new { area = "logistics" })">
                    <h3>@T("Homepage.Homelink.Shipping.Title")</h3>
                    <div class="home-link-icon"><img src="~/Content/Images/home-link3.png" /></div>
                    <div class="home-link-text"><table><tr><td>@T("Homepage.Homelink.Shipping")</td></tr></table></div>
                </a>
            </div>
        </div>
        <div class="clear"></div>
    </div>
</section>

<section class="home-products">
    <div class="container-fluid">
        @Html.Action("CategoryNavigationHome", "Catalog")
        <div class="clear"></div>
        @Html.Action("HomepageProducts", "Catalog")
        <div class="clear"></div>
        @Html.Action("HomepageBestSellers", "Catalog")
        <div class="clear"></div>
    </div>
</section>
@section Bottom
{
    @Html.Action("RecentlyViewedProductsBlock", "Catalog")
    <div class="clear"></div>
}
@*@Html.Action("HomepageProducts", "Catalog")*@
@*<div class="clear"></div>*@
@*@Html.Action("HomepageWeeklyNewProducts", "Catalog")
    <div class="clear"></div>*@
